<html>
<head>
<script>
  var focused_elem = "{nothing focused}";

  function setFocusedElem(id) {
    focused_elem = id;
    updateLog();
  }

  function clearFocus() {
    focused_elem = "";
    updateLog();
  }

  function getFocusedElement() {
    return focused_elem;
  }

  function updateLog() {
    document.getElementById("log").innerHTML = "Focused element: " + focused_elem;
  }

  function selectLink1() {
    clearFocus();
    var sel = window.getSelection();
    var range = document.createRange();
    range.setStartBefore(document.getElementById('link1'));
    range.setEndAfter(document.getElementById('link1'));
    sel.addRange(range);
    return "";
  }

</script>
</head>

<body>
  This is
   a <a id="link1" href="http://www.google.com" onfocus="setFocusedElem(this.id)" onblur="clearFocus()">link</a>
  to <a id="link2" href="http://www.google.com" onfocus="setFocusedElem(this.id)" onblur="clearFocus()">Google</a>.

  <br><br><br>
  <div id="log"><div>
</body>
</html>